<template>
    <div class="search-box" @click="goSearch">
        <div class="search-content">
            <van-icon class="search-icon" name="search" size="1.125rem" />
            <div class="search-title">搜索公募/私募直播视频</div>
        </div>
    </div>
</template>

<script>
export default {
  methods: {
    goSearch() {
      //搜索打点
      $sensorsTrack('financing_videoZoneFunctionClick', {
        page_name: '首页',
        function_name:'搜索'
      });
      let params = {
        path: '/zxjt/search',
        query: {
          dzhPage: 'true'
        }
      }
      this.$router.push(params)
    }
  }
}
</script>

<style scoped lang="less">
 .search-box {
    width:700px;
    height: 60px;
    border: 1px solid #FF5A00;
    border-width: 1px;
    border-radius: 50px;
    color: #9AA2B3;
    .search-content {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 500px;
      margin-top: 12px;
      .search-icon {
        padding-right: 20px;
      }

      .search-title {
        width: 400px;
        font-size: 26px;
        line-height: 37px;
      }
    }

    .search-delete {
      margin-right: 25px;
    }

    input::-webkit-input-placeholder {
      color: #9AA2B3;
    }

    input:-moz-placeholder {
      color: #9AA2B3;
    }

    input::-moz-placeholder {
      color: #9AA2B3;
    }

    input:-ms-input-placeholder {
      color: #9AA2B3;
    }
  }
</style>